import React from 'react';

/**
 * # 示例React类组件
 * 
 * 这是一个展示类组件特性的示例组件文档。
 * 
 * ## 基础用法
 * ```jsx
 * <ClassExample text="Hello" count={5} />
 * ```
 * 
 * ## 功能说明
 * - 显示文本内容
 * - 显示计数器
 * - 支持默认值
 * - 包含状态管理
 * 
 * ## 参数说明
 * * [查看源码](https://github.com/example)
 * 
 * > 提示：这是一个类组件示例
 * @param {Object} props - 组件属性
 * @param {string} props.text - **必填**，显示的文本内容
 * @param {number} [props.count=0] - 计数器初始值，默认值为`0`
 * @returns {JSX.Element} 渲染的React元素
 * @displayName - ClassExample 类组件
 */
class ClassExample extends React.Component {
  constructor(props) {
    super(props);
    this.state = {
      count: props.count || 0
    };
  }

  render() {
    return (
      <div>
        <p>{this.props.text}</p>
        <p>Count: {this.state.count}</p>
      </div>
    );
  }
}

export default ClassExample;